<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <header>
        The Header
    </header>
    <main>

        <h3>这是标题1</h3>
        <div>
        <p>这是<b>段落1</b>部分</p>
        <h3>这是标题2</h3>
        <p>这是<b>段落2</b>部分</p>
        <p>这是一本书，输的名字是&lt;&lt;Redis技术攻略&gt;&gt;</p>
        </div>
        <h3>下面是列表的演示</h3>
        <div>
        <ol>
            <li>列表1</li>
            <li>列表2</li>
            <li>列表3</li>
        </ol>
        <ul>
            <li>列表1</li>
            <li>列表2</li>
            <li>列表3</li>
        </ul>
        <h3>下面是列表嵌套的演示</h3>
        <ol>
            <li>凉菜
               <ul>
                   <li>拍黄瓜</li>
                   <li>花生米</li>
               </ul>
            </li>
            <li>热菜
                <ul>
                    <li>肉丝</li>
                    <li>肉末</li>
                </ul>
            </li>
        </ol>
      </div>
      <div>
        <div>div1</div>
        <div>div2</div>
        <div>div3</div>
      </div>
    </main>
    <footer>
        The <span style="color: red">Footer</span>
    </footer>
</body>
</html>